@charset "utf8";
footer{
	width: 100%;
	height: 273px;
	backg round: #ffff6f;
	margin-top: 140px;
	
}
div#footer_top{
	width: 1104px;
	height: 74px;
	border: 1px solid #fff;
	margin: 0 auto;
}
div#footer_top div.box20{
	width: 219px;
	height: 29px;
	border-right: 1px solid #e0e0e0;
	margin-top: 24px;
}
div#footer_top div.box20 ul li img{
	margin-left: -28px;
	margin-top: -1px;
	position: absolute;
}
div#footer_top div.box20 ul li{
	margin-left: 80px;
	position: absolute;
	margin-top: 0px;
	color: #7577a8;
}
div#footer_top div.box20 ul li:hover{
	color: #ff6709;
}
div#footer_top div.box21{
	width: 219px;
	height: 29px;
	border-right: 1px solid #e0e0e0;
	margin-top: -30px;
	margin-left: 220px;
}
div#footer_top div.box21 ul li img{
	margin-left: -28px;
	margin-top: -1px;
	position: absolute;
}
div#footer_top div.box21 ul li{
	margin-left: 80px;
	position: absolute;
	margin-top: 0px;
	color: #7577a8;
}
div#footer_top div.box21 ul li:hover{
	color: #ff6709;
}
div#footer_top div.box22{
	width: 219px;
	height: 29px;
	border-right: 1px solid #e0e0e0;
	margin-top: -30px;
	margin-left: 440px;
}
div#footer_top div.box22 ul li img{
	margin-left: -28px;
	margin-top: -1px;
	position: absolute;
}
div#footer_top div.box22 ul li{
	margin-left: 80px;
	position: absolute;
	margin-top: 0px;
	color: #7577a8;
}
div#footer_top div.box22 ul li:hover{
	color: #ff6709;
}
div#footer_top div.box23{
	width: 219px;
	height: 29px;
	border-right: 1px solid #e0e0e0;
	margin-top: -30px;
	margin-left: 660px;
}
div#footer_top div.box23 ul li img{
	margin-left: -28px;
	margin-top: -1px;
	position: absolute;
}
div#footer_top div.box23 ul li{
	margin-left: 80px;
	position: absolute;
	margin-top: 0px;
	color: #7577a8;
}
div#footer_top div.box23 ul li:hover{
	color: #ff6709;
}
div#footer_top div.box24{
	width: 219px;
	height: 29px;
	border-right: 1px solid #e0e0e0;
	margin-top: -30px;
	margin-left: 880px;
}
div#footer_top div.box24 ul li img{
	margin-left: -28px;
	margin-top: -1px;
	position: absolute;
}
div#footer_top div.box24 ul li{
	margin-left: 80px;
	position: absolute;
	margin-top: 0px;
	color: #7577a8;
}
div#footer_top div.box24 ul li:hover{
	color: #ff6709;
}







/* 页尾中控区 */
div.footer_container{
	width: 1104px;
	height: 500px;
	ba ckground: #55ff99;
	margin: 0 auto;
	/* 横线 */
	border-top: 1px solid #424243;
	position: absolute;
	margin-left: 86px;
	margin-top: 10px;
}
/* 每一栏格式 不需要加高,文本具备宽高 */
div.footer_container div.column{
	width: 130px;
	b order: 1px solid red;
	float: left;
	/* 间隙:上外边距 */
	margin-top: 20px;
	/* 间隙:右外边距 */
	margin-right: 16px;
}
/* 栏目标题效果 下外边距*/
div.footer_container div.column h3{
	margin-bottom: 20px;
	color: #424243;
	margin-left: 30px;
}
/* 每个栏目  ul li 加 下外边距 */
div.footer_container div.column ul li{
	margin-top: 10px;
	margin-left: 30px;
}
/* 文字效果 */
div.footer_container div.column ul li a{
	font-size: 14px;
}
div.footer_container div.column ul li a:hover{
	color: #ff6700;
}
/* 右侧区域:客服信息栏  坑 :样式具备继承性,不存在覆盖情况:加权
                   加权效果无法实现:样式置后[属性覆盖]
*/
div.footer_container div.contact_column{
	border-left: 1px solid #e0e0e0;
	width: 200px;
	text-align: center;
}
/* 右侧区域:标题,文本内容,超链接效果 */
div.footer_container div.contact_column h3{
	bor der: 1px solid red;
	font-size: 18px;
	color: #ff6700;
	
}
/* div.footer_container div */
div.footer_container div.contact_column p{
	font-size: 14px;
	margin-left: 21px;
}
div.footer_container div.contact_column a{
	font-size: 14px;
	color: #ff6700;
	bord er: 1px solid #ff6700;
	/* 内边距撑大:上下 左右 */
	padding: 4px 14px;
	/* 下移 */
	marg in-top: 100px;
	/* 下移  微调:相对定位:不改变结构 */
	position: relative;
	top: 15px;
	margin-left: 21px;
}


